
/*推荐*/
.my-platform > .my-platform-content {
  width: 100%; }
  .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item {
    padding-top: 0.2666666667rem;
    width: 100%;
    background-color: #f4f5fa; }
    .my-platform > .my-platform-content > .my-platform-wrapper > li:first-child{
      padding-top: 0 !important;
    }
    .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper {
      position: relative;
      max-height: 5.333333333rem;
      background-color: #fff;
      overflow: hidden; }
      .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        border-top: 1px solid #e5e5e5; }
      @media (-webkit-min-device-pixel-ratio: 1), (min-device-pixel-ratio: 1) {
        .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper:after {
          -webkit-transform: scaleY(1);
          transform: scaleY(1); } }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
        .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper:after {
          -webkit-transform: scaleY(0.7);
          transform: scaleY(0.7); } }
      @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
        .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper:after {
          -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5); } }
      .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item {
        height: 5.333333333rem;
        position: relative; }
        .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item:after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          border-top: 1px solid #e5e5e5; }
        @media (-webkit-min-device-pixel-ratio: 1), (min-device-pixel-ratio: 1) {
          .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item:after {
            -webkit-transform: scaleY(1);
            transform: scaleY(1); } }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
          .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item:after {
            -webkit-transform: scaleY(0.7);
            transform: scaleY(0.7); } }
        @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
          .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item:after {
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5); } }
        .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-header {
          display: flex;
          width: 100%;
          height: 0.933333333rem;
          font-size: 0;
          padding-top: 0.42rem;
          }
          .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-header > .plat-logo-wrapper {
            position: relative;
            flex: 1;
            text-align: center; }
            .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-header > .plat-logo-wrapper > img {
              position: absolute;
              top: 50%;
              left: 35%;
              width: 2.53333333rem;
              transform: translateX(-50%) translateY(-50%); }
          .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-header > .plat-return-type-wrapper {
            position: relative;
            flex: 1; }
            .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-header > .plat-return-type-wrapper > p {
              position: absolute;
              top: 50%;
              left: -35%;
              transform: translateY(-40%);
              padding: 0.0666666667rem 0.2666666667rem;
              font-size: 0.3733333333rem;
              color: #dc3838;
              background: #fff5f5;
              border: 0.0133333333rem solid #dc3838;
              border-radius: 0.29rem; }
          .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-header > .spread-btn-wrapper {
            position: relative;
            flex: 1; }
            .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-title > .spread-btn-wrapper > .spread-btn {
              width: 2.6rem;
              height: 0.8rem;
              line-height: 0.7466666667rem;
              text-align: center;
              border: 0.0266666667rem solid #dc3838;
              border-radius: 0.08rem;
              font-size: 0.3466666667rem;
              color: #dc3838;
              margin-left: 4.5rem;
              padding : 0 0.12rem;}
        .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-content {
          width: 100%;
          height: 3.04rem;
          font-size: 0; }
          .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-content > .item-content-wrapper {
            margin: 0.2666666667rem 0;
            display: flex; }

            .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-content > .item-content-wrapper > li {
              flex: 1;
              border-right: 0.0266666667rem solid #e5e5e5; }
              .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-content > .item-content-wrapper > li > p {
                text-align: center;
                font-size: 0.32rem;
                color: #333333; }
                .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-content > .item-content-wrapper > li > p > em {
                  font-style: normal;
                  font-size: 0.4266666667rem; }
                .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-content > .item-content-wrapper > li > p.item-desc {
                  line-height: 0.64rem;
                  color: #999999; }
              .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-content > .item-content-wrapper > li:last-child {
                border-right: none; text-align: center; }
                .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-content > .item-content-wrapper > li:last-child > p {
                  line-height: 0.4266666667rem; }
                  .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-content > .item-content-wrapper > li:last-child > p.item-desc {
                    line-height: 0.64rem;
                    color: #999999; }
    .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .more-btn {
      width: 100%;
      height: 1.04rem;
      line-height: 1.04rem;
      background-color: #fff;
      text-align: center;
      font-size: 0.32rem;
      color: #999999; }
.my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-content > .item-content-wrapper > li:last-child > a>span {
background: url("../images/btn_yaoqing.png");
width:2.45rem;
height:0.77rem;
background-size: cover;
display: inline-block;
font-size:0.32rem;
color:rgba(255,255,255,1);
text-align: center;
line-height: 0.77rem;
margin-top: 0.1rem;
                  }
.my-plat-title {
  background: #f4f5fa;
  padding: 0.32rem;
}
.my-plat-title > p {
  font-size: 0.426666666667rem;
  color: #333333;
}
.my-plat-title > p > span {
  margin-left: 0.16rem;
  color: #999999;
  font-size: 0.13333333334rem;
}
.item-title {
  padding : 0 0.346666666667rem;
}
.item-title > .item-num , .item-title > .spread-btn-wrapper{
  display: inline-block;
}
.item-title > .item-num > h4 {
  font-size: 0.3466666667rem;
  color: #333333;
  padding-left: 0.2rem;
  border-left: 0.10333333333rem solid #dc3838;
}
.item-content-wrapper > li > a > img {
  width: 2rem;
  transform: translateY(50%);
}
.ui-loader{
  display: none;
}
/*没有数据敬请期待*/
.no-item-wrapper {
  width: 100%;
  text-align: center;
  margin-bottom: 0.24rem;
  padding:  0.42rem 0;
  display: none;
}
.no-item > img{
  width: 2.64rem;
  height: 2.3333333333rem;
}
.no-item > p {
  font-size: 0.32rem;
  color: #999999;
}
/*加载线*/
.loading {
 padding: 0 0.4rem;
  text-align: center;
  width: 100%;
  background: #FFFFFF;
}
.loading > span {  
  display: inline-block;
  width: 40%;
  border-top: 0.02rem solid #999999;
  position: relative;
  top :0.59rem;
}
.loading > .loading-left{
  float: left;
}
.loading > .loading-right{

  float: right;
}
.loading > p {
  font-size: 0.326666667rem;
  color: #999999;
  display: inline-block;
  line-height: 0.85rem;
  position: relative;
  top: -0.15rem;
}
.base-line {
  padding: 0 0.4rem;
  text-align: center;
  width: 100%;
  display: none;
  background: #FFFFFF;
}
.base-line > span {  
  display: inline-block;
  width: 35%;
  border-top: 0.02rem solid #999999;
  position: relative;
  top :0.59rem;
}
.base-line > .base-left{
  float: left;
}
.base-line > .base-right{
  float: right;
}
.base-line > p {
  font-size: 0.326666667rem;
  color: #999999;
  display: inline-block;
  line-height: 0.85rem;
  position: relative;
  top: -0.15rem;
}
